<template>
  <div>
     <h1>我是子组件</h1>
     <h1>{{msg}}</h1>
  </div>
</template>
<script setup>
// !!vue3的子组件的数据和方法 不能直接访问  需要用
// defineExpose 暴露出去 父组件才可以调用 暴露哪些可以访问那些
  import {ref,defineExpose} from 'vue'
  let msg=ref("我是子组件的数据")
  let say=()=>{
    console.log("我是子组件的方法")
  }
  let run=()=>{
    console.log("我是没有暴露的方法")
  }
  // 暴露 say方法和 msg出去 可以被父组件访问
  defineExpose({
    say,
    msg
  })
</script>